/* set css style to .custome_css/#custome_css is not commited ,it is only uesed in custome style as namespace*/
body {
  width: 100%;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto; }

.title {
  background: #da482a; }

.header_logo {
  width: 5.54667rem;
  height: 1.51467rem;
  vertical-align: middle; }

/* tag-nav start */
#buttons-tab {
  display: block;
  overflow: hidden;
  /*  position:relative; */
  height: 2.3rem;
  padding-top: 0.1rem; }

#tab_link_wrap {
  display: block;
  position: relative;
  height: 2.0rem;
  transition: all 0.4s ease-out; }

#tab_link_wrap .tab-link.active {
  border-color: red;
  color: red; }

#tab_link_wrap .tab-link {
  float: left;
  display: block;
  line-height: 2.0rem;
  /* width: 20%; */
  text-align: center;
  border-bottom: 2px solid transparent;
  border-radius: 0; }

/* tag-nav end */
/* swiper start */
.swiper-container {
  padding: 0; }

.swiper-wrapper .pull-right {
  font-size: 0.6rem;
  padding-right: 0.3rem; }

.swiper-wrapper .pull-left {
  display: block;
  padding-left: 0.75rem;
  max-width: 85%;
  height: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.swiper-slide > a {
  display: block;
  position: relative; }

.swiper-slide > a > p {
  width: 100%;
  margin: 0;
  position: absolute;
  bottom: 0;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.7rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.4); }

.swiper-slide img {
  width: 100%;
  max-height: 8rem; }

/* swiper end */
/* tabs start */
.custome_css .list-block .item-inner:after {
  height: 0; }

.custome_css ul li + li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #e7e7e7;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%; }

.custome_css .item-media {
  width: 4.05333rem;
  height: 2.98667rem;
  box-sizing: content-box; }

.custome_css .item-media img {
  width: 100%;
  height: 100%; }

.custome_css .list-block .item-link .item-inner {
  background: none; }

.custome_css .list-block.media-list .item-title-row {
  font-size: 0.6rem;
  color: #5f646e; }

.custome_css .list-block .item-text {
  line-height: 1.1rem;
  height:1.1rem;
  margin-bottom: 0.1rem;
  font-size: 0.75rem;
  color: inherit;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.custome_css .list-block .item_smalltext {
  font-size:0.6rem;
  color:#666;
  height:2rem;
  line-height: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.custome_css .list-block .item-link .item-inner {
  padding-right: 0.75rem; }


/* tabs end */
/* details page */
.newsDetails {
  padding: 0 0.75rem;
  background: #fff; }

.newsDetails h1 {
  font-size: 1.2rem;
  padding: 0 0.25rem;
  line-height: 1.8rem;
  height: 4.27rem;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  margin-top: 0;
  padding-top: 0.67rem; }

.newsDetails .article_attr {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: 0.6rem;
  color: #5f646e;
  cursor: pointer; }

.main_text {
  overflow: hidden; }

.main_text img {
  display: block;
  max-width: 100%;
  margin: 0.5rem auto; }

.article_footer {
  padding-bottom: 1rem; }

/* details page end*/
/* share iconfont */
@font-face {
  font-family: "iconfont";
  src: url("iconfont.eot?t=1474440930");
  /* IE9*/
  src: url("iconfont.eot?t=1474440930#iefix") format("embedded-opentype"), url("iconfont.woff?t=1474440930") format("woff"), url("iconfont.ttf?t=1474440930") format("truetype"), url("iconfont.svg?t=1474440930#iconfont") format("svg");
  /* iOS 4.1- */ }
.iconfont {
  font-family: "iconfont" !important;
  font-size: 1.6rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  padding: 0 0.2rem;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent; }

.icon-weixin:before {
  content: "\e600";
  color: #51b341; }

.icon-qq:before {
  content: "\e601";
  color: #4dafea; }

.icon-pengyouquan:before {
  content: "\e602";
  color: #51b341; }

.icon-qqkongjian:before {
  content: "\e603";
  color: #ee9200;
  position: relative;
  top: 2px; }

.icon-qietu10:before {
  content: "\e604";
  color: #f44949;
  position: relative;
  top: 2px; }

.icon-ipinglun:before {
  content: "\e605";
  font-size: 0.6rem;
  padding: 0; }

.icon-custom-praise:before {
  content: "\e606";
  font-size: 0.6rem;
  padding: 0; }

.icon-ipinglun, .icon-custom-praise {
  font-size: 0.6rem; }

.share_box {
  padding: 0 0.75rem;
  height: 2.7rem;
  line-height: 2.7rem;
  background: #fff; }

/* share iconfont end*/
/* SUI default css change*/
.custome_body .modal-text {
  word-wrap: break-word; }

.custome_singline_title {
  background: #fff;
  padding: 0 0.75rem;
  line-height: 2rem;
  height: 2rem;
  font-size: 1rem; }

#details .icon-left:before {
  color: #fff; }

#home .icon-left:before {
  display: none; }

#home .list-block {
  margin-top: 0.5rem; }
